import Image from "@/components/Image";
import { Space } from "antd";
import React from "react";
import { css } from "@emotion/react";

export default function Footer(){
  return <div style={{height: 'var(--footer-height)', backgroundColor: '#000'}} className="flex justify-center">
    <div style={{width: 1350, color: '#FFF'}} className="flex justify-center items-center">
      <div className="mr-[8px] flex items-center">
        <span>Copyright© 2024</span>
        <a href="https://space.bilibili.com/11019566" target="_blank">
        <Image src={require('@/assets/imgs/zi.png')} style={{height: 60}} />
        </a>
        <span>All Rights Reserved</span>
        <a className="ml-[8px]" css={css`
          color: #FFF !important;
        `} href="https://beian.miit.gov.cn/" target="_blank">
          京ICP备2024049479号-1
        </a>
      </div>
      <Space>
        <a>关于我们</a>
        <a>简介</a>
      </Space>
    </div>
  </div>
}
